<section class="time">
        
        <div class="time_center">
            <div class="column_name">
                活动流程
            </div>
            <div class="period_container">
                <div class="period border_orange ">
                    <div  class="circle_1"></div>
                    <div  class="circle_2">
                        <p>启动</p>
                    </div>
                    <div class="triangle"></div>
                    <div class="shadow"></div>
                    <div class="timeline">
                        <div class="dot1"></div>
                        <div class="line"></div>
                        <div class="dot2"></div>
                        <div class="center_dot"></div>
                    </div>
                    <p class="period_p">2018.05.19 预热 <br>2018.07.15开启报名</p>
                </div>
                <div class="period border_danlan ">
                    <div  class="circle_1"></div>
                    <div  class="circle_2">
                        <p>投稿截止</p>
                    </div>
                    <div class="triangle"></div>
                    <div class="shadow"></div>
                    <div class="timeline">
                        <div class="dot1"></div>
                        <div class="line"></div>
                        <div class="dot2"></div>
                        <div class="center_dot"></div>
                    </div>
                    <p class="period_p">2018.09.09 24：00</p>
                </div>
                <div class="period border_green ">
                    <div  class="circle_1"></div>
                    <div  class="circle_2">
                        <p>作品初评</p>
                    </div>
                    <div class="triangle"></div>
                    <div class="shadow"></div>
                    <div class="timeline">
                        <div class="dot1"></div>
                        <div class="line"></div>
                        <div class="dot2"></div>
                        <div class="center_dot"></div>
                    </div>
                    <p class="period_p">2018.09.10-15</p>
                </div>
                <div class="period border_pink ">
                    <div  class="circle_1"></div>
                    <div  class="circle_2">
                        <p>线上投票</p>
                    </div>
                    <div class="triangle"></div>
                    <div class="shadow"></div>
                    <div class="timeline">
                        <div class="dot1"></div>
                        <div class="line"></div>
                        <div class="dot2"></div>
                        <div class="center_dot"></div>
                    </div>
                    <p class="period_p">2018.09.16 <br>决赛前夕</p>
                </div>
                <div class="period border_blue ">
                    <div  class="circle_1"></div>
                    <div  class="circle_2">
                        <p>全国<br>总决赛</p>
                    </div>
                    <div class="triangle"></div>
                    <div class="shadow"></div>
                    <div class="timeline">
                        <div class="dot1"></div>
                        <div class="line"></div>
                        <div class="dot2"></div>
                        <div class="center_dot"></div>
                    </div>
                    <p class="period_p">2018.10.13</p>
                </div>
            </div>
        </div>
    </section>
    <section class="mid">
        <img src="<?php bloginfo('template_directory'); ?>/img/mid_bg.jpg" alt="">
        <img src="<?php bloginfo('template_directory'); ?>/img/mid_bg.jpg" alt="">
        <img src="<?php bloginfo('template_directory'); ?>/img/mid.jpg" alt="">
    </section>